<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: sehnen
  Date: 2021/3/6
  Time: 17:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>
    <meta charset="UTF-8">
    <title>bodyfitness</title>

    <link rel="stylesheet" href="../css/top.css">
    <link rel="stylesheet" href="../css/home.css">


</head>


<body>
<div class="top">
    <!--    标题-->
    <div>
        <!--    center-->
        <div>
            <!--        logo-->
            <div class="logo">
                <!--            logo-->
                <div><img src="${companyModel.imgUrl}"/></div>
                <div>
                    <div>${companyModel.title}</div>
                    <div>${companyModel.englishTitle}</div>
                </div>
            </div>
            <!--            菜单栏-->
            <div class="menu">
                <c:forEach items="${navModelList}"  var="navModel">
                    <a href="${navModel.href}"><div>${navModel.title}</div></a>
                </c:forEach>
            </div>
        </div>
    </div>
    <!--    标题背景-->
    <div></div>

</div>


<div class="middle">
    <div>


        <!--    第一张图片-->
        <div class="pic1">
            <div></div>
            <div><img src="../img/m1z5.jpg"/></div>
            <div>
                <div>
                    ${companyModel.aboutUs}
                </div>
            </div>
        </div>
        <!--        第二张图片-->

        <div class="pic2">
            <!--            第一个布局-->
            <div>
                <div>私人教练</div>
                <div>OUR TEAM</div>
            </div>
            <!--            中间布局-->
            <div>
                <div>
                    <!--                小图标-->
                    <c:forEach items="${coachModelList}"   var="coachModel"  >
                    <div>
                        <div><img src="${coachModel.imgUrl}" height="291" width="317"/></div>
                        <div>${coachModel.name}</div>
                        <div>${coachModel.level}</div>
                    </div>
                    </c:forEach>
                </div>
            </div>
            <!--            第三个布局-->
            <div class="pic3">
                <div>MORE +</div>

            </div>
        </div>

        <!--            第四个布局单独的div-->
        <div class="pic4">
            <div>
                <div>
                    <div>与其计划明天不如从今天开始</div>
                    <div>lt is better to start today than to plan tomorrow</div>
                </div>
                <div>MORE +</div>
            </div>
        </div>

        <!--        第三张图片-->

        <div class="part3">
            <!--            居中-->
            <div class="center">

                <div>
                    <div>新闻资讯</div>
                    <div>NEWS</div>
                </div>

                <!--            中间部分-->
                <div>
                    <c:forEach items="${newsModelList}" var="newsModel" begin="0" end="2">
                    <div>
                        <div><img src="${newsModel.imgUrl}" height="291" width="317"/></div>
                        <div>${newsModel.title}</div>
                        <div>${newsModel.date}</div>
                        <div>${newsModel.content}</div>
                    </div>
                    </c:forEach>

                </div>
                <div>
                    <div>MORE +</div>
                </div>

            </div>
        </div>

        <!--        第四张图片-->
        <div class="part4">


            <div><img src="../img/acfa5605108c3150158055c03e58b035.png"/></div>
            <div>
                <!--        表格-->
                <div>${companyModel.ad}</div>
                <div>请仔细填写好下方预约表格，我们的客服人员会在24小时内与您联系，谢谢您的支持与关注!</div>
                <div>
                    <div>
                        <div>姓名</div>
                        <div contenteditable="true"></div>
                    </div>
                    <div>
                        <div>电话</div>
                        <div contenteditable="true"></div>
                    </div>
                </div>
                <div>
                    <div>
                        <div>邮箱</div>
                        <div contenteditable="true"></div>
                    </div>
                    <div>
                        <div>电话</div>
                        <div contenteditable="true"></div>
                    </div>
                </div>

                <!--        提交按钮-->
                <div>
                    <div>提交</div>
                </div>

                <!--        thinks-->
                <div>
                    THANKS
                </div>
            </div>

        </div>


    </div>


</div>

</div>

<div class="foot">
    <div></div>
    <div>{company.copyRight}</div>
</div>

</body>


</html>
